

<template>
  <div>
    <el-form ref="form" :model="form" label-width="84px">
      <el-row :gutter="10">
        <el-col :span="8">
          <el-form-item label="联系电话：">
            {{ form.mobile }}
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="总价："> {{ form.allMoney }}元 </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="预定时间：">
            {{ form.createTime }}
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="商品订单："> </el-form-item>
          <el-table :data="form.infoList">
            <el-table-column label="商品名称" align="center" prop="name" />
            <el-table-column label="数量" align="center" prop="number" />
            <el-table-column label="总价" align="center" prop="money">
              <template slot-scope="scope"> {{ scope.row.money }}元 </template>
            </el-table-column>
          </el-table>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {},
    };
  },
};
</script>